<script setup lang="ts">
const props =defineProps<{
  brand: any
}>()
</script>

<template>
  <div class="brand">
    <img class="brand-img" :src="props.brand.imagePath">
    <div class="brand-name">{{props.brand.name}}</div>
  </div>
</template>

<style scoped lang="less">
.brand {
  width: 100%;
  padding: 20px;
  display: flex;
  border: 1px solid #eee;
  .brand-img {
    margin-right: 20px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
  }
  .brand-name {
    margin: auto 0;
    font-size: 20px;
  }
}
</style>